<extend name="common/base" />
<block name="resource">
    <link href="__PUBLIC__/Home/ui3/css/login.css" rel="stylesheet">
</block>
<block name="accountJS">
    <script src="__PUBLIC__/Home/ui3/js/web/user/login.js" type="text/javascript"></script>
    
</block>
<block name="header">
    <include file="loginheader" />
</block>

<block name="content">
    <div class="main">
        <div class="register-box">
            <div class="register-title">
                <span>欢迎注册！</span>
                <div class="toLogin">
                    <span>已有账号？</span>
                    <span class="toLogin-btn" title="立即登录">
                        <a href="{:U('user/login')}">立即登录</a>
                    </span>
                </div>
            </div>
            <div class="register-main">
                <div class="register-left">
                    <form action="{:U('user/register')}">
                        <div class="registerInputList">
                            <div class="registerInput-num">
                                <div class="registerInput-num-box">
                                    <i></i>
                                    <input class="JS-account_input JS-account_mobile_register" type="text" placeholder="请输入注册手机号" name="mobile" />
                                </div>
                                <p data-bind="text:viewModel.register.error.mobile"></p>
                            </div>
                            <div class="registerInput-password">
                                <div class="registerInput-password-box">
                                    <i></i>
                                    <input class="JS-account_input JS-password" type="password" placeholder="请输入密码" name="password"/>
                                </div>
                                <p data-bind="text:viewModel.register.error.password"></p>
                            </div>
                            <div class="registerInput-password1">
                                <div class="registerInput-password-box1">
                                    <i></i>
                                    <input class="JS-account_input" type="password" placeholder="再次确认密码" name="repassword" />
                                </div>
                                <p data-bind="text:viewModel.register.error.repassword"></p>
                            </div>
                            <div class="registerInput-code">
                                <div class="registerInput-code-box">
                                    <i></i>
                                    <input class="JS-account_input" type="text" placeholder="请输入验证码" name="verify" />
                                    <input type="button" class="code btn myBtn code_verify" value="发送验证码" data-url="{:U('user/send_sms_code')}" title="发送验证码" data-bind="click:sendSms">
                                </div>
                                <p data-bind="text:viewModel.register.error.verify"></p>
                            </div>
                        </div>
                        <input type="button" class="loginBtn register-submit btn myBtn JS-submit" value="注册" title="注册" data-bind="click:doRegister"/>
                    </form>
                </div>
                <div class="line"><span class="or">OR</span></div>
                <div class="login-right">
                    <div class="third-login">
                        <div class="third-login-title">使用第三方账号登录</div>
                        <div class="third-login-list">
                            <div class="third-login-item wb" title="新浪微博登录">
                                <a href="{$sso_code_uri.sina}">新浪微博登录</a>
                            </div>
                            <div class="third-login-item qq" title="QQ账号登录">
                                <a href="{$sso_code_uri.qq}">QQ账号登录</a>
                            </div>
                        </div>
                        <div class="third-login-item wx" title="微信账号登录">
                            <a href="https://open.weixin.qq.com/connect/qrconnect?appid=wx8c0229cea7f27b8a&redirect_uri={:urlencode(C('LOCAL_DOMAIN'))}%2FHome%2FSso%2Fcode%2Fchannel%2Fweixin&response_type=code&scope=snsapi_login&state=STATE#wechat_redirect">微信账号登录</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<style>
    .registerInput-code-box-1{
          margin-top:5px;
          margin-left:10px;
    }
    .JS-account_input_1{
           padding:2px 3px;
    }
    .send_code{
           display:block;
           width:120px;
           background:#349ff9 ;
           border-radius: 3px;
           height:40px;
           margin:30px  auto;
           line-height:40px;
           text-align:center;
           color:#fff;
           cursor:pointer;
    }
</style>
</block>
<block name="widget"></block>